<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微圈添加</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/microcircle/addMicrocircle/add-microcircle.css">
</head>
<body>
<!-- 响应式布局 -->
<div class="layui-row box">
    <form class="layui-form"  lay-filter="layForm">
    <div class="layui-col-md12">
        <div class="list">
            <div class="list-left layui-col-md10">
                <div class="list-left-left"></div>
                <p class="list-left-right">添加微圈</p>
            </div>
            <div class="list-right layui-col-md2">
                <div class="list-right-left layui-btn layui-icon layui-icon-refresh" id="refresh">&nbsp;刷新</div>
                <div class="list-right-right layui-btn layui-icon layui-icon-left" id="goBack">&nbsp;返回</div>
            </div>
        </div>
    </div>
    <div class="layui-col-md12">
        <div class="microcircleForm">
            <form class="layui-form">
                <!--  文章标题 -->
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">文章标题：</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" type="text" placeholder="文章标题" id="artcleTitle" name="artcleTitle"/>
                        </div>
                    </div>
                </div>
                <!-- 内容类型 -->
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-left: 30px;">内容类型：</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" type="text" placeholder="内容类型" id="artcleCategroyName" name="artcleCategroyName" disabled/>
                            <input class="layui-input" type="hidden" placeholder="" id="acticleCategroyId" name="acticleCategroyId"/>
                            <input class="layui-input" type="hidden" id="artcleKeywords" name="artcleKeywords"><!-- 关键字 -->
                        </div>
                        <!-- 小图标选择分类 -->
                        <i class="layui-icon layui-icon-layer" onclick="microcircleClass()" style="font-size: 30px"></i>
                    </div>
                </div>
                <!-- 文章图片 -->
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">文章图片：</label>
                        <div class="layui-input-inline">
                            <input type="button" id="upLoad" name="shangchuan" lay-verify="required|phone" autocomplete="off" class="layui-btn" value="上传图片" style="margin-left: -30px;">
                            <input type="button" id="start" name="shangchuan" lay-verify="required|phone" autocomplete="off" class="layui-btn" value="开始上传">
                            <input  class="layui-input" id="artcleUrl" type="hidden" name="artcleUrl">
                        </div>
                    </div>
                </div>
                <!-- 进度条 -->
                <div class="layui-form-item" style="margin-left: 130px;">
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <div class="layui-progress layui-progress-big" lay-filter="imgProgress" lay-showPercent="yes">
                                <div class="layui-progress-bar layui-bg-green" lay-percent="0%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 预览图 -->
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div id="headLoad" class="layui-upload-list">
                            <label class="layui-form-label" style="margin-left: 210px;">预览图：</label>
                            <div id="imgurls" class="layui-upload-list uploader-list" style="overflow: auto;">

                            </div>
                        </div>
                    </div>
                </div>
                <!-- 文章内容 -->
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-left: 200px;">文章内容：</label>
                        <textarea lay-verify="area" name="area" id="area" style="width: 400px; height: 400px; resize:none;"></textarea>
                    </div>
                </div>
                <!-- 按钮 -->
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <input type="button" class="layui-btn" onclick="saveDraft()" value="保存草稿" style="margin-left: 550px;"/>
                        <input type="button" class="layui-btn" onclick="release()" value="发布文章"/>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- 状态码 -->
    <input type="hidden" id="status" name="status" value="2">
    </form>
</div>
<script src="/js/microcircle/addMicrocircle/add-microcircle.js"></script>
</body>
</html>